let app = getApp();

Page({

    /**
     * 页面的初始数据
     */
    data: {
        scrollTop:0,    
        yellow_star:0,//黄色五角星，默认一开始是黄色星星0分
        gray_star:5,//灰色五角星 灰色星星是5颗 表示是5分
        star_per:0,//自定义长度黄色五角星  一开始需要打的是0分
            
          
          
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        console.log(options);
        var id = options.id;
        var deviceInfo = wx.getDeviceInfo();
       console.log(deviceInfo)
        if(id==undefined){
            id=2;
        }
        this.getCate(id);
        let d = app.globalData;
        this.setData({
            id:id,
            width:d.windowWidth,
            height:d.windowHeight,
            statusBarHeight:d.statusBarHeight,
            navHeight:d.navHeight,
            marginTop:d.navTitleTop,
            bottom:d.bottom,
            domain:d.domain,
            imgUrl:d.img,
            platform:deviceInfo.platform
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    goBack(){
        //wx.navigateBack();
        var pages = getCurrentPages();
        var currPage = pages[pages.length - 1];   //当前页面
        var prevPage = pages[pages.length - 2];  //上一个页面
       // prevPage.onRefresh()//刷新方法
        wx.navigateBack({
            delta:1
        });
      },
    onShow() {
        var star="9.00";//后台获取的评分
        star =star/2;
        var yellow_star=parseInt(star);//需要展示的整个黄色5角星，3.62分的时候需要展示3颗整个的黄色五角星。
        var star_per = parseFloat((star-yellow_star)*12);//3.62颗评价分-3颗整个黄色星，是0.62的占比，先将它*100。这样赋值的时候比较方便。也就是一颗灰色的星星中展示出62%的黄色部位。
       // star_per.toFixed(2);
        star_per =  Math.round(star_per * 100) / 100

       // console.log(star_per);
        var gray_star=parseInt(5-star);//需要展示的灰色星星，正常是5-3.62=1.38颗，0.38颗已经是在百分比中了。所以此时最后需要展示的是1整个灰色五角星
        this.setData({    
            star:star,  //评分数       
            yellow_star:yellow_star,//整个黄色五角星的个数
            star_per:star_per,//一颗灰色五角星中黄色五角星的占比
            gray_star:gray_star,//整个灰色五角星的数量
        })
    
    },
    goto(e){
        console.log(e);
        var url=e.currentTarget.dataset.url;
        console.log(url);
        var index=e.currentTarget.dataset.index;
        app.goto(url,index)
      // console.log(url);
    },
    gotoImg(e){
        console.log(e);
    },
     getCate:function (id) {
        let that=this;
        var open=wx.getStorageSync('open');
        wx.request({
          url: app.globalData.domain+'wechat/store/getCate',
          data:{id:id,open_id:open.id},
          success:res=>{
            console.log('------------cate detail-------');
              console.log(res.data);
              var data=res.data;            
            that.setData({
             //   shareTitle:data.shareTitle,
              //  shareLogo:data.shareLogo,
             //   shareIndex:data.shareIndex,
                cate:data.cate

            })
            }
        })
    },
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})